<style lang="less">
@import "./home.less";
</style>
<template>
  <div class="page-box-row-left home-page">
    <FormBlock title="基本信息" direction="column" style="width:400px">
      <div class="left-infor">
        <Row class="margin-top-8">
          <Col span="8">
            <p class="notwrap left-content">{{$t('module.home.account')}}</p>
          </Col>
          <Col span="16" class="padding-left-8 right-content">{{user.userName}}</Col>
        </Row>
        <Row class="margin-top-8">
          <Col span="8">
            <p class="notwrap left-content">{{$t('module.home.loginTime')}}</p>
          </Col>
          <Col span="16" class="padding-left-8 right-content">2019-7-1 14:30</Col>
        </Row>
        <Row class="margin-top-8">
          <Col span="8">
            <p class="notwrap left-content">IP</p>
          </Col>
          <Col span="16" class="padding-left-8 right-content">10.54.26.132</Col>
        </Row>
      </div>
    </FormBlock>
    <FormBlock title="待办事项" direction="column">
        
    </FormBlock>
  </div>
</template>
<script>
import { CoreModuleName } from "@/const.js";
import locales from "./locales.js";
export default {
  mixins: [locales],
  computed: {
    user() {
      return this.$store.state[CoreModuleName].userInfo;
    }
  }
};
</script>
<style lang="less">
.home-page {
  .left-infor {
    padding: 0px 30px;
    .left-content {
      font-size: 14px;
      color: #333333;
    }
    .right-content {
      font-size: 14px;
      color: #666666;
    }
  }
  
}
  
</style>